﻿<cfoutput>
	<div id="findAWorkshop" data-role="page" data-title="Find a Workshop" data-theme="#pageTheme#">
	
		<div data-role="header" data-theme="#headerTheme#">
			<div align="center" style="padding-top: 4px; padding-bottom: 4px;">
				<a href="##home"><img src="common/images/cash-for-college-logo.png" width="180" height="48" /></a>
			</div>
		</div><!-- /header -->
	
		<div data-role="content" data-theme="#contentTheme#">
			<div class="ui-bar backButtonContainer">
				<a href="##home" data-role="button" data-icon="arrow-l" data-inline="true" data-theme="#backButtonTheme#">Back</a>
			</div>
			<h3>Find a Workshop</h3>
			<div data-role="collapsible-set" data-inset="true" data-theme="#collapsibleSetTheme#">
			
				<div id="searchByZipCode" data-role="collapsible" data-theme="#collapsibleTheme#" data-content-theme="#collapsibleContentTheme#">
					<h1>Search by Zip Code</h1>
					<form id="searchByZipCodeForm" method="post" onsubmit="searchByZipCode(); return false;">
						<div data-role="fieldcontain">
							<label for="zipCode">Zip Code</label>
							<input type="text" id="zipCode" name="zipCode" maxlength="5" />
						</div>
						<button type="submit" id="searchByZipCodeButton" data-inline="true" data-theme="#buttonTheme#" onclick="searchByZipCode(); return false;">Search</button>
					</form>
				</div>
				
				<div id="searchByCity" data-role="collapsible" data-theme="#collapsibleTheme#" data-content-theme="#collapsibleContentTheme#">
					<h1>Search by City</h1>
					<form id="searchByCityForm" action="" method="post" onsubmit="return false;">
						<select id="city" name="city" onchange="searchByCity();" data-theme="#selectTheme#" data-inline="true">
							<option value="Select a city...">Select a city...</option>
							<cfloop query="cities">
								<option value="#City#">#City#</option>
							</cfloop>
						</select>
					</form>
				</div>
				
				<div id="searchByCounty" data-role="collapsible" data-theme="#collapsibleTheme#" data-content-theme="#collapsibleContentTheme#">
					<h1>Search by County</h1>
					<form id="searchByCountyForm" action="" method="post" onsubmit="return false;">
						<select id="county" name="county" onchange="searchByCounty();" data-theme="#selectTheme#" data-inline="true">
							<option value="Select a county...">Select a county...</option>
							<cfloop query="counties">
								<option value="#County#">#County#</option>
							</cfloop>
						</select>
					</form>
				</div>
			
			</div>
	
		</div><!-- /content -->
		
		<div data-role="footer" data-theme="#footerTheme#">
			<p class="copyright">&copy; #Year(Now())# California Cash for College</p>
		</div><!-- /footer -->
	
	</div><!-- /page -->
</cfoutput>